<template>
	<div class="user">
		<Uhead v-if="show"></Uhead>
		<Lyhead v-if="!show"></Lyhead>
		<Quanbu></Quanbu>
		<Money v-if="show"></Money>
		<LyMoney v-if="!show"></LyMoney>
		<Fuwu v-if="show"></Fuwu>
		<LyFuwu v-if="!show"></LyFuwu>
		<Ufoot></Ufoot>
		<BottomNav :propsurl='arrUrl'></BottomNav>
	</div>
</template>

<script>
	import Cookies from 'js-cookie';
	
	import BottomNav from '../default/BottomNav.vue'
	import Uhead from'./personal/Uhead.vue'
	import Quanbu from'./personal/Quanbu.vue'
	import Money from './personal/Money.vue'
	import Fuwu from './personal/Fuwu.vue'
	import Ufoot from'./personal/Ufoot.vue'
	import Lyhead from'./personal/Lyhead.vue'
	import LyMoney from './personal/LyMoney.vue'
	import LyFuwu from './personal/LyFuwu.vue'
	export default{
		name:'User',
		components:{
			BottomNav,
			Uhead,
			Quanbu,
			Money,
			Fuwu,
			Ufoot,
			Lyhead,
			LyMoney,
			LyFuwu
		},
		data(){
			return{
				show:true,
				arrUrl:['igs/1_2.png','igs/2_1.png','igs/3_2.png']
			}
		},
		mounted() {
			if(Cookies.get('uname')){
				this.show=false
			}else{
				this.show=true
			}
		}
	} 
</script>

<style scoped>
	.user{
		width: 100%;
		overflow: hidden;
		background-color: #f4f4f4;
	}
</style>
